/*  主要样式 */
.yyui_menu1 {width: 80rem; font-size:1.6rem;display: flex;justify-content: space-around;}/*3.3rem*/
.yyui_menu1_one {float:left;} /*这一级是导航*/
.yyui_menu1_one_title {}
.yyui_menu1_one_title a {
	line-height:7.2rem;
	display:block; 
	text-decoration:none;
	margin:0px; 
	color:#000;}
.yyui_menu1_one_title a:hover {color: #d5414d;}

/*展开和标志当前栏目时的状态*/
/*.open .yyui_menu1_one_title a,.cur .yyui_menu1_one_title a {color: #d5414d;}*/
.open .yyui_menu1_one_title a{color: #d5414d;}

/*.yyui_menu1_one ul { top:36;left:0;right: 0; width:100%; border:0px solid #D2D2D2; display:none; background-color:#fff; z-index:9999999;}*/ /*这是第二级菜单*/

.yyui_menu1_one ul { position:absolute;margin-left: 0rem; float:left; width:22rem; border:1px solid #D2D2D2; display:none; background-color:#FFF; z-index:9999;background: rgba(255,255,255,.9);} /*这是第二级菜单*/

.yyui_menu1_one ul a { width:100%;text-decoration:none; color:#333333;}
.yyui_menu1_one ul li{font-size: 1.6rem;width: 100%;padding: 10px;text-align: left;}
.yyui_menu1_one ul li:hover {background:#f2f2f2;}
.yyui_menu1_one li ul { position:absolute;float:left; width:200px; border:1px solid #D2D2D2; display:none; background-color:#FFFfff; z-index:9999;background: rgba(255,255,255,.9);} /*这是第二级菜单*/
.yyui_menu1_one ul ul{ top:0;left:238px;} /*从第三级菜单开始,所有的子级菜单都相对偏移*/




/*设置a的定位，给我们自己编写的下划线一个定位参考*/
.yyui_menu1_one a{
	position:relative;
}
/*使用伪类给a下面添加下划线*/
/*css3为了区别伪类选择器把::改为:,使用:也会自动转为::*/
.yyui_menu1_one>.yyui_menu1_one_title>a:before{
	content:'';
	display:block;
	/*开始时候下划线的宽度为0*/
	width:0;
	height:3px;
	position:absolute;
	left:0;
	bottom:0px;
	background:#d5414d;
	/*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
	transition:all 0.3s ease-in-out;
}
/*.left-to-right:hover::after{
	width:100%;
}*/
.yyui_menu1_one:hover>.yyui_menu1_one_title>a:before,.cur>.yyui_menu1_one_title>a:before
{
	width:100%;
}